<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>课程体验</title>
    <style>
        body{
            /*border: 1px solid red;*/
            width: 312px;
            height: 353px;
            margin: auto;
            position: relative;
            top: 80px;
        }
        img:nth-child(2){
            position: relative;
            top: -70px;
           left: 80px;
        }
        form div{
            position: relative;
            top: -320px;
            left: 18px;
            margin: 10px 0px 10px 0px;
        }
        .age,.sex{
            color: white;
        }
        div input{
            width: 200px;
            border-radius: 5px;
        }
        select{
            width: 90px;
            border-radius: 5px;
        }
        .email,.phone,.name{
            color: red;
        }
    </style>
</head>
<body>
<div>
    <img src="./bg.jpg" height="353" width="312"/>
    <img src="./btn.jpg" height="49" width="152"/></div>
<form>
    <div class="name">
        <label for="username">姓名：</label>
        <input id="username" type="text">
    </div>
    <div class="email">
        <label for="email">邮箱：</label>
        <input id="email" type="email">
    </div>
    <div class="phone">
        <label for="phone">电话：</label>
        <input id="phone" name="private_phone" pattern="(\d{11})|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$" required="required" type="text">
    </div>
    <div class="sex">
        <label for="sex">性别：</label>
        <select>
            <option>请选择</option>
            <option>男</option>
            <option>女</option>
        </select>
    </div>
    <div class="age">
        <label for="age">年龄：</label>
        <select>
            <option>请选择</option>
            <option>20</option>
            <option>21</option>
            <option>22</option>
            <option>23</option>
        </select>
    </div>
</form>
</body>
</html>